<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<p class="box">
			<a href="#">百度</a>
			<a href="#">阿里</a>
			<a href="#">腾讯</a>
		</p>
	</body>

</html>

<style type="text/css">
	.box {
		border: 1px solid #999;
		height: 200px;
		width: 200px;
		/* 使a标签纵向排列,并且水平居中 垂直居中*/
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
	}
</style>